#include("_user_detail_layout.html")
#@user_detail_layout("detail-order")
#define detail()
#define layout_script()

#end
<div class="card-header with-border">
    <form class=" admin-search-panel" action="" method="get">
        <div class="row">
            <div class="form-group col-lg-3">
                    <input type="text" placeholder="商品" class="form-control" name="productTitle" value="#para('productTitle')">
            </div>
            <div class="form-group col-lg-3">
                    <input  type="text" placeholder="订单号" class="form-control" name="ns" value="#para('ns')">
            </div>
            <div class="form-group col-lg-3">
                <button type="submit" class="btn btn-primary ">查询</button>
                <button type="reset" class="btn btn-default">重置</button>
            </div>
        </div>
        <!-- /.card-body -->
    </form>


</div>
<!-- /.card-header -->
<div class="card-body p-0">

    <table class="table table-striped">
        <tbody>
        <tr >
            <th style="text-align: center">商品</th>
            <th style="text-align: center">数量</th>
            <th style="text-align: center">单价</th>
            <th style="text-align: center">总价</th>
        </tr>


        #for(order : userOrderPage.list ??)
        <tr>
            <td colspan="5" bgcolor="#fff">
                <div class="card card-outline card-dashboard" style="margin-bottom: 0px">
                    <div class="card-header with-border">
                        <div class="col-lg-10">
                            订单号：#(order.ns ??)
                            总金额：<span style="padding-right: 20px">#(order.orderRealAmount ??)</span>
                            支付状态：<span style="padding-right: 20px">#(order.payStatusStr ??)</span>

                            #if(order.isPaySuccess())
                            物流状态：<span style="padding-right: 20px">#(order.deliveryStatusStr ??)</span>
                            #end

                        </div>
                        <div class="col-lg-2" style="text-align: right">
                            <h3 class="card-title">
                            </h3>
                        </div>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body p-0">
                        <table class="table table-striped">
                            <tbody>
                            #for(item : order.items)
                            <tr>
                                <td style="width: 20%;text-align: center">#(item.product_title ??)</td>
                                <td style="width: 20%;text-align: center">#(item.product_count ??)</td>
                                <td style="width: 20%;text-align: center">#(item.product_price ??)</td>
                                <td style="width: 20%;text-align: center">#(item.product_price *  item.product_count ??)</td>
                            </tr>
                            #end
                            </tbody>
                        </table>
                    </div>
                </div>
            </td>
        </tr>
        #end

        </tbody>
    </table>
</div>
<!-- /.card-body -->
<div class="card-footer">
    <div class="row">
        <div class="col-sm-12">
            #@_paginate()
        </div>
    </div>
</div>
#end

